<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    亲输入一个0-100之间的分数：
    <input id="score" type="text">
    <input id="btn" type="button" value="判断">
    <input id="res" type="text">


    <script>

        // 1 拿对象
        var oScore = document.getElementById('score');
        var oBtn = document.getElementById('btn');
        var oRes = document.getElementById('res');
        console.log(oScore, oBtn, oRes);

        // 2 绑定点击事件
        oBtn.onclick = function () {
            // 获取分数
            var s = oScore.value;



            // 判断输入是否正确
            if (s >= 0 && s <= 100) {

                // 以下代码都基于输入正确
                if (s == 100) {
                    oRes.value = '666';
                }
                else if (s >= 80 && s < 100) {
                    oRes.value = '优秀';
                }
                else if (s >= 60 && s < 80) {
                    oRes.value = '及格';
                }
                else {
                    oRes.value = '再见';
                }
            }
            else {
                alert('你傻啊');
            }



















        }

    </script>



</body>

</html>